<template>
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="教材" name="textbooks">
      <TextbookShelf></TextbookShelf>
    </el-tab-pane>
    <el-tab-pane label="周边礼盒" name="products">
      <ProductShelf></ProductShelf>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import TextbookShelf from "./TextbookShelf.vue";
import ProductShelf from "./ProductShelf.vue";

export default {
  name: "MallShelf",
  components: {
    TextbookShelf,
    ProductShelf,
  },
  data() {
    return {
      activeName: "textbooks",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>